<template>
  <div class='carts'>
      <h1>购物车 ({{cartBuyNum}})</h1>
      <hr />
      <!-- 在这里挖坑，后期的子组件children中的内容会自动放在这个坑里，去往相应的子组件的页面会显示 -->
      <router-view />
  </div>
</template>

<script>
import {mapState} from 'vuex'
export default {

  // 为了在父组件carts中显示变化的购车数据
  computed:{
    ...mapState({
      cartBuyNum:state => state.carts.cartBuyNum
    })
  }
}
</script>


<style lang='scss' scoped>
// scoped限制css仅针对于当前页/组件页生效
</style>
